<template>
  <el-col :span="24" v-if="orderData">
    <el-col :span="12">
      <el-row>
        <el-col :span="12" class="rowTitle">删除人：</el-col>
        <el-col :span="12" class="rowValue" :title="orderData.deleteUser">{{ orderData.deleteUser }}</el-col>
      </el-row>
    </el-col>
    <el-col :span="12">
      <el-row>
        <el-col :span="12" class="rowTitle">删除时间：</el-col>
        <el-col :span="12" class="rowValue" :title="orderData.modifierDate">{{ orderData.modifierDate }}</el-col>
      </el-row>

    </el-col>
    <el-col :span="12">
      <el-row>
        <el-col :span="12" class="rowTitle">操作内容：</el-col>
        <el-col :span="12" class="rowValue" title="告警删除">告警删除</el-col>
      </el-row>

    </el-col>
    <el-col :span="12">
      <el-row>
        <el-col :span="12" class="rowTitle">删除说明：</el-col>
        <el-col :span="12" class="rowValue" :title="orderData.deleteRemark">{{ orderData.deleteRemark }} </el-col>
      </el-row>

    </el-col>
  </el-col>
</template>

<script>
export default {
  name: "deleteInfo",
  props:{
    orderData:{
      type:Object,
      default:()=>(null)
    }
  }
}
</script>

<style scoped>
.rowTitle {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #909399;
  line-height: 35px;
  text-align: right;
  max-width: 151px;
  white-space: nowrap;
}
.rowValue {
  line-height: 35px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #606266;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>
